@charset "UTF-8";
/* CSS Document */



/*My padding and Q*/

.content {padding-top: 2em; padding-bottom: 2em}
#content-menu {padding-top: 0em}
#content-payment {padding: 1em 10em 2em 5em;}

nav {padding: 1em}
h2 {margin-top: 1em}

.n_icon {padding: 1em}
.i_name {margin-left: -4em; font-weight: 400;}
.item_img {padding: 0.2em;}
.ad-banner {text-align: center;}
.d-grid {padding: 1em 0em 0em 0em;}

#sub_imgs{margin-right: -16em;}
#btl_btn {padding-bottom: 1em;}
#autumn-ad {margin: 0em 5em 3em 0em}
#autumn-ad-txt {margin-left: -4em; margin-top: -2em}
#ymal {margin-top: 2em;}
#menu-ctgrys {margin: 1.5em 0em 1.5em 0em}
#pp-return {margin: 0.75em 0em 0em 0em}

.row{padding: 1em 0em 1em 0em}

footer {padding: 1em 0em 0em 0em}




/*Media Q 1200px*/
@media screen and (max-width: 1200px) {
    .i_name {margin-left: -3em}
    .my-carousel-img {
        margin: 0em 0em 0em -10em;
    }
    
    #content-payment {padding: 1em 6em 0em 3em;}
    #sub_imgs {margin-right: -10em; padding-right: 1em}
}



/*Media Q 992px*/

@media screen and (max-width: 992px){
    .w_cards{text-align: center;}
    .i_name {margin-left: -2em}
    .d-grid .gap-2 {text-align: center;}
    .my-carousel-img {
        margin: 0em 0em 0em -5em;
    }
    
    #content-payment {padding: 1em 6em 0em 4em;}
    #autumn-ad {margin: 0em 2em 1.5em 1em}
    #autumn-ad-txt {margin-left: -0.6em}
    #sub_imgs {text-align: center; margin-right: -8em; padding: 1em;}
}




/*Media Q 991.98px*/

@media screen and (max-width: 991.98px) {
    .i_name {margin-left: -6em}
    
    #autumn-ad-txt {padding: 1em; margin-left: 0em;}
}


/*Media Q 768px*/

@media screen and (max-width: 768px) {
    .i_name {margin-left: -4em}
    .my-carousel-img {
        margin: 0em 0em 0em -10em;
    }
    #autumn-ad-h2 {text-align: center}
    #autumn-ad-txt {margin-top: -0.5em}
}


/*Media Q 576px*/

@media screen and (max-width: 576px) {
    .i_name {margin-left: -1em}
    .filter_dd {text-align: center;}
    .my-carousel-img {
        margin: 0em 0em 0em -25em;
    }
    
    #content-payment {padding: 1em 1em 0em 1em;}
    #sub_imgs {text-align: center;}
    #listings {text-align: center}
}


/*Media Q 575.98px*/

@media screen and (max-width: 575.98px) {
    #autumn-ad-img {width: 100%; text-align: center}
    #autumn-ad-txt {width: 100%}
    
    
}


/*Media Q 360px*/

@media screen and (max-width: 360px) {
    .my-carousel-img {
        margin: 0em 0em 0em -30em;
    }
}